quotation and categories

1 files changed, 4 insertions, 1 deletions

diff --git a/src/pages/my/transaction/[id].js b/src/pages/my/transaction/[id].js
index 4c33c97a..a508ef77 100644
--- a/src/pages/my/transaction/[id].js
+++ b/src/pages/my/transaction/[id].js
@@ -15,6 +15,7 @@ import { SkeletonList } from "@/components/elements/Skeleton";
 import Link from "@/components/elements/Link";
 import { ChevronRightIcon } from "@heroicons/react/24/outline";
 import Alert from "@/components/elements/Alert";
+import TransactionStatusBadge from "@/components/transactions/TransactionStatusBadge";
 
 export default function DetailTransaction() {
   const router = useRouter();
@@ -41,7 +42,9 @@ export default function DetailTransaction() {
           <>
             <div className="p-4 flex flex-col gap-y-4">
               <DescriptionRow label="Status Transaksi">
-                <span className="badge-green">Pending Quotation</span>
+                <div className="flex justify-end">
+                  <TransactionStatusBadge status={transaction?.status} />
+                </div>
               </DescriptionRow>
               <DescriptionRow label="No Transaksi">
                 { transaction?.name }